import { ref, computed, reactive } from "vue";
import { defineStore } from "pinia";

export const useProductStore = defineStore("product", () => {
  const logoname = "欧德薇儿";
  const altname = "颜究室";
  const titlename = "欧德薇儿颜究室";
  const routerArray1 = reactive([
    {
      name: "产品展示",
      img: "",
      txt: "",
      to: "/productShow",
      children: [
        {
          name: "企业信仰",
          to: "",
        },
        {
          name: "新闻中心",
          to: "",
        },
      ],
    },
    {
      name: "N&A颜究室",
      img: "",
      txt: "",
      to: "",
      children: [
        {
          name: "欧石楠",
          to: "",
        },
        {
          name: "乳酸菌",
          to: "",
        },
        {
          name: "乳酸菌",
          to: "",
        },
      ],
    },
    {
      name: "产品总览",
      img: "",
      txt: "",
      to: "",
    },
    {
      name: "｜",
      img: "",
      txt: "",
      to: "",
    },
    {
      name: "刷酶报价",
      img: "",
      txt: "",
      to: "",
    },
  ]);

  const routerArray2 = reactive([
    {
      name: "公司简介",
      icon: "bi bi-bank2",
      prop: "weilan",
      to: "/about",
    },

    {
      name: "进口设备",
      icon: "bi bi-heart-pulse-fill",
      prop: "weilan",
      to: "",
    },

    {
      name: "萃取技术",
      icon: "bi bi-droplet-half",
      prop: "weilan",
      to: "",
    },
    {
      name: "德国进口原料",
      icon: "bi bi-flower1",
      prop: "weilan",
      to: "",
    },
    {
      name: "Odm Area",
      icon: "bi bi-share-fill",
      prop: "weilan",
      to: "",
    },
  ]);
  const routerArray3 = reactive([
    {
      name: '机能水养系列',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffb9e.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffb9e.png',
      prop: 'jineng',
      detailImages: [
        ['jineng', '1', 'png', ''],
        ['jineng', '2', 'png', ''],
        ['jineng', '3', 'png', ''],
        ['jineng', '4', 'png', ''],
        ['jineng', '5', 'png', '']
      ],
      to: '/template/1',
      description: '深层补水，滋养肌肤'
    },
    {
      name: '欧石楠',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbe5.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbe5.png',
      prop: 'oushinan',
      detailImages: [
        ['oushinan', '1', 'png', ''],
        ['oushinan', '2', 'png', ''],
        ['oushinan', '3', 'png', ''],
        ['oushinan', '4', 'png', ''],
        ['oushinan', '5', 'png', '']
      ],
      to: '/template/1',
      description: '源自欧洲的天然植物精华，温和修护'
    },
    {
      name: '白薇沁润莹肌面膜',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffb93.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffb93.png',
      prop: 'baiwei',
      detailImages: [
        ['baiwei', '1', 'png', ''],
        ['baiwei', '2', 'png', ''],
        ['baiwei', '3', 'png', ''],
        ['baiwei', '4', 'png', ''],
        ['baiwei', '5', 'png', '']
      ],
      to: '/template/1',
      description: '白薇精粹，深层补水，提亮肤色'
    },
    {
      name: '寡肽冻干粉',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbd9.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbd9.png',
      prop: 'guatai',
      detailImages: [
        ['guatai', '1', 'png', ''],
        ['guatai', '2', 'png', ''],
        ['guatai', '3', 'png', ''],
        ['guatai', '4', 'png', ''],
        ['guatai', '5', 'png', '']
      ],
      to: '/template/1',
      description: '多重寡肽配方，激活肌肤活力'
    },
    {
      name: '那片蔚蓝色',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbaa.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbaa.png',
      prop: 'weilan',
      detailImages: [
        ['weilan', '1', 'png', ''],
        ['weilan', '2', 'png', ''],
        ['weilan', '3', 'png', ''],
        ['weilan', '4', 'png', ''],
        ['weilan', '5', 'png', '']
      ],
      to: '/template/1',
      description: '来自深海的滋养，净化肌肤'
    },
    {
      name: '乳酸菌',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc24.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc24.png',
      prop: 'rusuan',
      detailImages: [
        ['rusuan', '1', 'png', ''],
        ['rusuan', '2', 'png', ''],
        ['rusuan', '3', 'png', ''],
        ['rusuan', '4', 'png', ''],
        ['rusuan', '5', 'png', '']
      ],
      to: '/template/1',
      description: '益生菌焕活配方，调节肌肤屏障'
    },
    {
      name: '家居护肤系列',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc50.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc50.png',
      prop: 'jiaju',
      detailImages: [
        ['jiaju', '1', 'png', ''],
        ['jiaju', '2', 'png', ''],
        ['jiaju', '3', 'png', ''],
        ['jiaju', '4', 'png', ''],
        ['jiaju', '5', 'png', '']
      ],
      to: '/template/1',
      description: '日常养护，打造健康肌肤生态'
    },
    {
      name: '套盒护肤系列',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc99.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc99.png',
      prop: 'weilan',
      detailImages: [
        ['taohe', '1', 'png', ''],
        ['taohe', '2', 'png', ''],
        ['taohe', '3', 'png', ''],
        ['taohe', '4', 'png', ''],
        ['taohe', '5', 'png', '']
      ],
      to: '/template/1',
      description: '科学搭配，全方位呵护肌肤'
    },
    {
      name: '院装护肤系列',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbd3.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbd3.png',
      prop: 'weilan',
      detailImages: [
        ['yuanzhuang', '1', 'png', ''],
        ['yuanzhuang', '2', 'png', ''],
        ['yuanzhuang', '3', 'png', ''],
        ['yuanzhuang', '4', 'png', ''],
        ['yuanzhuang', '5', 'png', '']
      ],
      to: '/template/1',
      description: '专业级护理，尽显肌肤光彩'
    }
  ]);

  const routerArray4 = reactive([
    {
      name: '机能水养系列',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffb9e.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffb9e.png',
      prop: 'jineng',
      detailImages: [
        ['jineng', '1', 'png', ''],
        ['jineng', '2', 'png', ''],
        ['jineng', '3', 'png', ''],
        ['jineng', '4', 'png', ''],
        ['jineng', '5', 'png', '']
      ],
      to: '/template/1',
      description: '深层补水，滋养肌肤'
    },
    {
      name: '欧石楠',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbe5.png',
      mainImage: 'images/project/oushinanhaibao.JPG',
      prop: 'oushinan',
      detailImages: [
        ['oushinan', 'pingzhang', 'JPG', ''],
        ['oushinan', 'alphaoushinanmianmo', 'png', ''],
        ['oushinan', 'pingzhang', 'JPG', ''],
        ['oushinan', 'oushinanhaibao', 'JPG', ''],
        ['oushinan', '4', 'jpg', '']
      ],
      to: '/template/zhuxilie',
      description: '源自欧洲的天然植物精华，温和修护'
    },
    {
      name: '印加果',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc66.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b65be16ec74a00007c.jpg',
      prop: 'yinjiaguo',
      detailImages: [
        ['yinjiaguo', '1', 'jpg', ''],
        ['yinjiaguo', '2', 'jpg', ''],
        ['yinjiaguo', '3', 'jpg', ''],
        ['yinjiaguo', '4', 'jpg', ''],
        ['yinjiaguo', '5', 'jpg', '']
      ],
      to: '/template/yinjiaguo',
      description: '来自印加的天然精华，滋养修护'
    },
    {
      name: '水光原浆系列',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffbb1.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffe77.jpg',
      prop: 'water',
      detailImages: [
        ['water', '1', 'jpg', ''],
        ['water', '2', 'jpg', ''],
        ['water', '3', 'jpg', ''],
        ['water', '4', 'jpg', ''],
        ['water', '5', 'jpeg', '']
      ],
      to: '/template/water',
      description: '深层补水，提升肌肤水润度'
    },
    {
      name: '微型水感净肤喷雾',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b75be16ec74a0003bb.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b75be16ec74a0003d2.jpg',
      prop: 'waterpenwu',
      detailImages: [
        ['waterpenwu', '1', 'jpg', ''],
        ['waterpenwu', '2', 'jpg', ''],
        ['waterpenwu', '3', 'jpg', ''],
        ['waterpenwu', '4', 'jpg', ''],
        ['waterpenwu', '5', 'jpg', '']
      ],
      to: '/template/waterpenwu',
      description: '随时补水，清爽不油腻'
    },
    {
      name: '白薇沁润莹肌面膜',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffb93.png',
      mainImage: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffcfd.jpg',
      prop: 'baiwei',
      detailImages: [
        ['baiwei', '1', 'jpg', ''],
        ['baiwei', '2', 'jpg', ''],
        ['baiwei', '3', 'jpg', ''],
        ['baiwei', '4', 'jpg', ''],
        ['baiwei', '5', 'jpg', '']
      ],
      to: '/template/baiwei',
      description: '白薇精粹，深层补水，提亮肤色'
    },
    {
      name: '乳酸菌护肤套装',
      thumbnail: 'https://pic.imgdb.cn/item/62c439b55be16ec74afffc24.png',
      mainImage: 'images/rusuanjun/mmexport1592025801720.jpg',
      prop: 'rusuanjun',
      detailImages: [
        ['rusuanjun', 'mmexport1592025801720', 'jpg', ''],
        ['rusuanjun', 'mmexport1592025804070', 'jpg', ''],
        ['rusuanjun', 'mmexport1592025808203', 'jpg', ''],
        ['rusuanjun', 'mmexport1592025810561', 'jpg', ''],
        ['rusuanjun', 'mmexport1592025816933', 'jpg', '']
      ],
      to: '/template/rsjun',
      description: '益生菌焕活配方，调节肌肤屏障'
    }
  ]);

  const indexImgList = reactive([
   
    {
      img: "https://pic.imgdb.cn/item/62fc78e116f2c2beb16e1e48.png",

      class: "d-none d-sm-block d-xs-block d-md-none d-lg-none",
      name: "小屏幕",
    },
    {
      img: "https://pic.imgdb.cn/item/62c439b65be16ec74a0001e2.png",

      class: "",
    },
    {
      img: "https://pic.imgdb.cn/item/62c439b65be16ec74affff3a.jpg",

      class: "",
    },
  ]);

  const bannerList = reactive([
 
    {
      img: "https://pic.imgdb.cn/item/62fc78e116f2c2beb16e1e48.png",

      class: "d-none d-sm-block d-xs-block d-md-none d-lg-none",
      name: "小屏幕",
    },
    {
      img: "https://pic.imgdb.cn/item/62c439b65be16ec74a0001e2.png",

      class: "",
    },
    {
      img: "https://pic.imgdb.cn/item/62c439b65be16ec74affff3a.jpg",

      class: "",
    },
  ]);
  const productList = reactive([
    {
      id: 1,
      name: "白薇沁润莹肌面膜",
      advantage: ["1", "2", "3"],
      description:
        "修护肌肤屏障，针对敏感肌免疫力低下，皮肤角质层薄，红血丝外露有增厚角质层，提高肌肤免疫力功效",

      img: "https://pic.imgdb.cn/item/62c439b75be16ec74a000429.png",
    },
  ]);
  const bannerImgList = reactive([
    {
      img: "https://pic.imgdb.cn/item/62c439b75be16ec74a000429.png",
    },
    {
      img: "https://pic.imgdb.cn/item/62c439b55be16ec74afffef0.jpg",
    },
    {
      img: "https://pic.imgdb.cn/item/6304767216f2c2beb1929f0d.png",
    },
    {
      img: "https://pic.imgdb.cn/item/62c439b65be16ec74a0001e8.png",
    },
    {
      img: "images/alpha/womanbanner.png",
    },
  ]);

  const Factory = [
    {
      title: "乳化机器车间",
      img: "https://pic.imgdb.cn/item/62cd43c4f54cd3f93769c79a.png",
      content: "1吨容量",
    },
    {
      title: "乳化机器车间",
      img: "https://pic.imgdb.cn/item/62cd49d0f54cd3f937741e32.jpg",
      content: "1吨容量",
    },
    {
      title: "原料加工车间",
      img: "https://pic.imgdb.cn/item/62cd49d0f54cd3f937741e32.jpg",
      content: "1吨容量",
    },
  ];
  const Factory2 = [
    {
      title: "洁净车间过道",
      img: "2",
      content: "人员少，生产效率高，产品质量稳定，噪音低，无污染",
    },
    {
      title: "生产车间过道",
      img: "3",
      content: "车间环境严格按照卫生标准不留一丝灰尘脏污",
    },
    {
      title: "车间生产人员换鞋区域",
      img: "4",
      content: "进入工作间必须身穿无尘服头戴无尘防护帽",
    },
    {
      title: "员工产品包装区",
      img: "5",
      content: "无菌并且生产高效是我们一直以来的追求",
    },
    {
      title: "包装区域展示",
      img: "https://pic.imgdb.cn/item/62d615a1f54cd3f937ee0afc.png",
      content: "人员少，生产效率高，产品质量稳定，噪音低，无污染",
    },
    {
      title: "原料储存",
      img: "https://pic.imgdb.cn/item/62d615a1f54cd3f937ee0afc.png",
      content: "   材料是品质的基础,美妆保养更基于安全且高效的基础之上的产物",
    },
  ];
  const array1 = reactive([
    {
      name: "乳化机器车间",
      img: "https://pic.imgdb.cn/item/62cd49d0f54cd3f937741e32.jpg",
      txt: "   行业内顶尖的乳化设备结合高科技生化纳米技术，渗透压技术，液晶微乳化技术等将有效成分发挥至最强作用。",
    },
    {
      name: "包装车间",

      img: "https://pic.imgdb.cn/item/62d615a1f54cd3f937ee0afc.png",
      txt: "整线工房宽敞明亮，工艺布局合理，生产设备精 良，机械化、 连续化、自动化水平在全国领先。",
    },
    {
      name: "产品研发",

      img: "https://pic.imgdb.cn/item/62ce206af54cd3f9375bd090.jpg",
      txt: "  完全独立的方式，进行产品研发。我们专业的科研专家团队在颜究室总部的专门   用于创制产品的各种优质成分,均来自全球最具信誉的供应商，确保质量得到保证                凭借新技术及发展成熟的各项科研方案",
    },
  ]);

  const title = ["洁净无菌", "严格质检", "效率稳定", "勇于创新", "科技增效"];
  const newimg = "images/alpha/womanbanner.png";
  return {
    routerArray1,
    logoname,
    array1,
    routerArray2,
    routerArray3,
    altname,
    titlename,
    title,
    indexImgList,
    bannerImgList,
    newimg,
    productList,routerArray4
  };
});
